<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>支付</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="./public/weui/lib/weui.css?v=2">
		<link rel="stylesheet" href="./public/weui/css/jquery-weui.css">
		<link rel="stylesheet" href="./public/css/wap.css" />
		<link rel="stylesheet" href="./public/css/style2.css" />
		<link rel="stylesheet" href="./public/css/pay.css" />
		<link rel="stylesheet" href="./public/css/goods.css" />
		<link rel="stylesheet" href="./public/css/cart.css" />
	</head>

	<body ontouchstart class="page-bg">
		<div id="warpmain">
			<!--顶部横条-->
			<div class="simpleheader weui-flex">
				<a href="###" class="icon-backtohis back"><i></i>返回</a>
				<h5 class="weui-flex__item">购物车结算</h5>
				<a href="###" class=" back" style="width:13%;"><i></i></span>
				</a>
			</div>
			<!--支付方式-->
			<div class="padding weui-form" id="buyer-info">
				<div class="weui-flex">
					<div class="fl item-left" style="margin-right: 0rem;"> 联系人：</div>
					<div class="fl item-right weui-flex__item lianxiren"></div>
				</div>
				<div class="weui-flex">
					<div class="fl item">联系电话：</div>
					<div class="fl item-right weui-flex__item mobile"></div>
				</div>
				<div class="weui-flex">
					<div class="fl item">联系地址：</div>
					<div class="fl item-right weui-flex__item dizhi"></div>
				</div>
				<a href="###" class="weui-icon-map address"></a>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
			<!--商品列表-->
			<div id="goods-items">

			</div>
			<form>
				<!--配送方式-->
				<div class="padding weui-form" id="peisong-info">
					<div class="weui-flex">
						<div class="fl item">配送方式：</div>
						<div class="fl item-right weui-flex__item">
							<a href="###" class="peisong-choose active">商家配送</a>
							<a href="###" class="peisong-choose">到店自取</a>
						</div>
					</div>
					<div class="weui-flex">
						<div class="fl item">配送费用：</div>
						<div class="fl item-right weui-flex__item">
							<span id="peisong-price"></span>元(满<span id="peisong-free">10</span>元免配送费)
						</div>
					</div>
					<div class="weui-flex">
						<div class="fl item">订单备注：</div>
						<div class="fl item-right weui-flex__item">
							<input type="text" name="uname" class="form-control" value="">
						</div>
					</div>

					<a href="" class="weui-icon-map"></a>
					<div class="clearfix"></div>
				</div>
				<!--支付金额-->
				<div class="padding" id="pay-total">
					<b>应付金额合计：</b>
					<span class="light">￥<span>
					<span class="light" id="pay-price">0.00</span>
					<span>元</span>
					<span id="pay-peisong">（含配送费6元）</span>
				</div>
				<!--支付按钮-->
				<div class="padding button" id="topay-btn">
					<a href="javascript:;"><i class="weui-icon-pay"></i>去结算</a>
				</div>
			</form>

			<!--页脚-->
			<div class="" id="footer">
				<div class="main weui-flex">
					<div class="weui-flex__item item gohome">
						<a href="">
							<i class="weui-icon-home"></i><br/> 首页
						</a>
					</div>
					<div class="weui-flex__item item" id="gogoods">
						<a href="###">
							<i class="weui-icon-cate"></i><br/> 分类选购
						</a>
					</div>
					<div class="weui-flex__item item active" id="gocart">
						<a href="###">
							<i class="weui-icon-cart"></i><br/> 购物车
						</a>
					</div>
					<div class="weui-flex__item item" id="mycenter">
						<a href="###">
							<i class="weui-icon-member"></i><br/> 我的中心
						</a>
					</div>
				</div>
			</div>

		</div>
		<script src="./public/weui/lib/jquery-2.1.4.js"></script>
		<script src="./public/js/mui.js?v=2"></script>
		<script src="./public/js/wap.js?v=2"></script>
		<script src="./public/js/goods.js?v=2"></script>
		<script src="./public/js/cart.js?v=2"></script>
		<script src="./public/weui/js/jquery-weui.js"></script>
		<script>
			$(document).ready(function() {
				$("#pay-btn a").click(function() {
					$(this).parents("form").submit();
				})
			});
		</script>
	</body>

</html>